<!-- *************
 *@description:右2图表
 *@author:rennan
 *@date: 2023-07-19 16:15:29
 *@version: V1.0.0
 ************ -->
 <template>
  <div id="R2_chart" style="height: 100%;"></div>
</template>

<script setup>
import { } from 'vue'
import { onMounted } from 'vue';
import { Bar } from '@antv/g2plot';
const data = [
  { 年份: '1951年', 值: 40 },
  { 年份: '1952年', 值: 54 },
  { 年份: '1956年', 值: 60 },
  { 年份: '1957年', 值: 130 },
  { 年份: '1958年', 值: 49},
];
let options={
    data,
  xField: '值',
  yField: '年份',
  seriesField: "年份",
  legend: {
    position: "top-left",
  },
};

const right2 = ()=>{
    const barPlot = new Bar(document.getElementById('R2_chart'), options);

    barPlot.render();
};

onMounted(()=>{
    right2();
});
</script>

<style lang='scss' scoped></style>